<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>地图选址</title>
    <style>
        *{ margin: 0; padding: 0;}
        body{ background-color: #F1F1F2;}
        .btn1{ position: absolute; top: 40px; left: 40px;}
        .btn2{ position: absolute; top: 420px; left: 420px;}
        .btn3{ position: absolute; bottom: 240px; right: 240px;}
    </style>
</head>
<body>
    <button class="btn btn1">选址1</button>
    <button class="btn btn2">选址2</button>
    <button class="btn btn3">选址3</button>



<script src="http://cache.weikuw.com/tpl/static/lib/js/jquery-2.1.4.min.js"></script>
<script src="https://webapi.amap.com/loader.js"></script>
<script src="dish/siting.min.js"></script>
<!-- <script src="dish/siting.js"></script> -->
<script>
    var siting = new Siting({
        key: 'a0266b43bc833a059cf48c40e63818e0',
        version: '2.0',
        // center: [116.396574, 39.992706], //设置地图中心位置
        success(res, e){
            console.log('address:', res, e);
        }
    });

    $('.btn').click(function(e){
        siting.show(e);
    });
</script>
</body>
</html>
